<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个人中心</title>
		<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico"/>
		<link rel="stylesheet" type="text/css" href="css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/personal.css"/>
	</head>
	<body>
		<!--登录、注册导航栏-->
		<div class="site-topbar">
			<div class="container">
				<div class="topbar-nav">
					<a href="index.html">小米商城</a><span>|</span>
					<a href="">MIUI</a><span>|</span>
					<a href="">米聊</a><span>|</span>
					<a href="">游戏</a><span>|</span>
					<a href="">多看阅读</a><span>|</span>
					<a href="">云服务</a><span>|</span>
					<a href="">金融</a><span>|</span>
					<a href="">小米商城移动版</a><span>|</span>
					<a href="">问题反馈</a><span>|</span>
					<a href="">Select Region</a>
				</div>
				<!--购物车-->
				<div class="topbar-cart fr">
					<a  href="">
						<i class="iconfont">&#xe68f;</i>购物车
						<span>（0）</span>
					</a>
					<div class="cart-menu">
						<div class="loading">购物车中还没有商品，赶紧选购吧！</div>
					</div>
				</div>
				<!--登录、注册-->
				<div class="topbar-info fr">
					<a class="link" href="">登录</a><span>|</span>
					<a class="link" href="">注册</a><span>|</span>
					<a class="link" href="">消息通知</a>
				</div>
			</div>
		</div>
		<!--home导航栏S-->
		<div class="site-header">
			<div class="container">
				<div class="header-logo">
					<a class="logo ir" href=""></a>
				</div>
				<div class="header-nav">
					<ul class="nav-list clearfix">
						<li class="nav-category">
							<a href="" class="link-category">全部商品分类</a>
							<div class="site-category">
								<ul class="site-category-list clearfix">
									<li class="category-item">
										<a href="buyphone.html" class="title">手机 电话卡
											<i class="iconfont">&#xe605;</i>
										</a>
										<div class="children children-col-3">
											<ul class="children-list children-list-col">
												<li class="stars-goods">
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xm6_80.png" alt="" />
														<span class="text">小米6</span>
													</a>
													<a href="" class="btn btn-small btn-line-primary btn-buy">选购</a>
												</li>
												<li class="stars-goods">
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/5c_80.png" alt="" />
														<span class="text">小米手机5C</span>
													</a>
													<a href="" class="btn btn-small btn-line-primary btn-buy">选购</a>
												</li>
												<li class="stars-goods">
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xmNOTE2-80.jpg" alt="" />
														<span class="text">小米Note 2</span>
													</a>
													<a href="" class="btn btn-small btn-line-primary btn-buy">选购</a>
												</li>
												<li class="stars-goods">
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/MIX-80.jpg" alt="" />
														<span class="text">小米MIX</span>
													</a>
													<a href="" class="btn btn-small btn-line-primary btn-buy">选购</a>
												</li>
												<li class="stars-goods">
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xm5S-80.jpg" alt="" />
														<span class="text">小米5S</span>
													</a>
													<a href="" class="btn btn-small btn-line-primary btn-buy">选购</a>
												</li>
												<li class="stars-goods">
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xm5S-plus-80.jpg" alt="" />
														<span class="text">小米5S Puls</span>
													</a>
													<a href="" class="btn btn-small btn-line-primary btn-buy">选购</a>
												</li>
											</ul>
											<ul class="children-list children-list-col">
												<li class="stars-goods">
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xm5-80.jpg" alt="" />
														<span class="text">小米手机5</span>
													</a>
													<a href="" class="btn btn-small btn-line-primary btn-buy">选购</a>
												</li>
												<li class="stars-goods">
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/hmn4x80.png" alt="" />
														<span class="text">红米Note 4X</span>
													</a>
													<a href="" class="btn btn-small btn-line-primary btn-buy">选购</a>
												</li>
												<li class="stars-goods">
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/hmnote4-80.jpg" alt="" />
														<span class="text">红米Note 4</span>
													</a>
													<a href="" class="btn btn-small btn-line-primary btn-buy">选购</a>
												</li>
												<li class="stars-goods">
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/hm4x_80.png" alt="" />
														<span class="text">红米 4X</span>
													</a>
													<a href="" class="btn btn-small btn-line-primary btn-buy">选购</a>
												</li>
												<li class="stars-goods">
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/hm4-80.jpg" alt="" />
														<span class="text">红米4</span>
													</a>
													<a href="" class="btn btn-small btn-line-primary btn-buy">选购</a>
												</li>
												<li class="stars-goods">
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/hm4A-80.jpg" alt="" />
														<span class="text">红米4A</span>
													</a>
													<a href="" class="btn btn-small btn-line-primary btn-buy">选购</a>
												</li>
											</ul>
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/compare.jpg" alt="" />
														<span class="text">对比手机</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/mimobile.jpg" alt="" />
														<span class="text">小米移动  电话卡</span>
													</a>
												</li>
											</ul>
										</div>
									</li>
									<li class="category-item">
										<a href="" class="title">笔记本 平板
											<i class="iconfont">&#xe605;</i>
										</a>
										<div class="children children-col-2">
											<ul class="children-list children-list-col">
												<li class="stars-goods">
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/bijiben80.jpg" alt="" />
														<span class="text">笔记本12.5英寸</span>
													</a>
													<a href="" class="btn btn-small btn-line-primary btn-buy">选购</a>
												</li>
												<li class="stars-goods">
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/bijiben80.jpg" alt="" />
														<span class="text">笔记本13.3英寸</span>
													</a>
													<a href="" class="btn btn-small btn-line-primary btn-buy">选购</a>
												</li>
												<li class="stars-goods">
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/mipad3_80.jpg" alt="" />
														<span class="text">小米平板3</span>
													</a>
													<a href="" class="btn btn-small btn-line-primary btn-buy">选购</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/bjbcdq80.jpg" alt="" />
														<span class="text">USB-C电源适配器</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/usbzjqggg80.jpg" alt="" />
														<span class="text">USB-C转接器</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/neidanbao80.jpg" alt="" />
														<span class="text">小米笔记本内胆包</span>
													</a>
												</li>
											</ul>
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/ymjp80.jpg" alt="" />
														<span class="text">悦米机械键盘</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/shubiao80.jpg" alt="" />
														<span class="text">小米便携鼠标</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/wxsb80.png" alt="" />
														<span class="text">小米无线鼠标</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xmsbd80.jpg" alt="" />
														<span class="text">鼠标垫</span>
													</a>
												</li>
											</ul>
										</div>
									</li>
									<li class="category-item">
										<a href="" class="title">电视  盒子
											<i class="iconfont">&#xe605;</i>
										</a>
										<div class="children children-col-4">
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/80xmds_49.jpg" alt="" />
														<span class="text">小米电视4 49英寸</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/80xmds_55.jpg" alt="" />
														<span class="text">小米电视4 55英寸</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/80xmds_65.jpg" alt="" />
														<span class="text">小米电视4 65英寸</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xp80_43.jpg" alt="" />
														<span class="text">小米电视4A 43英寸</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xp80_49.jpg" alt="" />
														<span class="text">小米电视4A 49英寸</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xp80_55.jpg" alt="" />
														<span class="text">小米电视4A 55英寸</span>
													</a>
												</li>
											</ul>
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xp80_65.jpg" alt="" />
														<span class="text">小米电视4A 65英寸</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/mitv3s48.jpg" alt="" />
														<span class="text">小米电视3s 48英寸</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/553s80.png" alt="" />
														<span class="text">小米电视3s 55英寸</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/603s.png" alt="" />
														<span class="text">小米电视3s 60英寸</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/653s80.png" alt="" />
														<span class="text">小米电视3s 65英寸</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/6580side.jpg" alt="" />
														<span class="text">小米电视3s 65英寸 曲面</span>
													</a>
												</li>
											</ul>
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/tv70.png" alt="" />
														<span class="text">小米电视3 70英寸</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/hezi80-80.jpg" alt="" />
														<span class="text">小米盒子3s</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/hezi80-80.jpg" alt="" />
														<span class="text">小米盒子3c</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/hezizengqiangban80side.jpg" alt="" />
														<span class="text">小米盒子3 增强版</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/diyinpao.jpg" alt="" />
														<span class="text">小米低音炮</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/80x80.jpg" alt="" />
														<span class="text">家庭音响</span>
													</a>
												</li>
											</ul>
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/dianshipeijian.jpg" alt="" />
														<span class="text">电视盒子配件</span>
													</a>
												</li>
											</ul>
										</div>
									</li>
									<li class="category-item">
										<a href="" class="title">路由器 智能硬件
											<i class="iconfont">&#xe605;</i>
										</a>
										<div class="children children-col-4">
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/jiqiren.jpg" alt="" />
														<span class="text">米家扫地机器人及配件</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/VRPLAY2.png" alt="" />
														<span class="text">小米VR眼镜</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/luyouqi-80.jpg" alt="" />
														<span class="text">小米路由器</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/scooter.jpg" alt="" />
														<span class="text">九号平衡车</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/zxc80-80.jpg" alt="" />
														<span class="text">电助力折叠自行车</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/shuihu80.jpg" alt="" />
														<span class="text">米家恒温电水壶</span>
													</a>
												</li>
											</ul>
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/czjhq80.jpg" alt="" />
														<span class="text">米家车载空气净化器</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/dianhuashoubiao80.jpg" alt="" />
														<span class="text">手表</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/dianfanbao-80.jpg" alt="" />
														<span class="text">米家智能电饭煲</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xiaobai80.jpg" alt="" />
														<span class="text">智能摄像机/相机/微单</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/jinghuaqilvxin80.jpg" alt="" />
														<span class="text">净水器及滤芯</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/jingshuiqiandlvxin-80.jpg" alt="" />
														<span class="text">净水器及滤芯</span>
													</a>
												</li>
											</ul>
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xueyaji-80.jpg" alt="" />
														<span class="text">血压计</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/jiqiren80.jpg" alt="" />
														<span class="text">米兔积木机器人及配件</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/zhinengdeng-80.jpg" alt="" />
														<span class="text">智能灯</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/gushiji80.jpg" alt="" />
														<span class="text">米兔智能故事机</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/zhinengjiatingtaozhuang-80.jpg" alt="" />
														<span class="text">智能家庭组合</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/shouhuan280.jpg" alt="" />
														<span class="text">手环及配件</span>
													</a>
												</li>
											</ul>
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/scale.jpg" alt="" />
														<span class="text">体重秤 / 体脂秤</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/huabanche80.jpg" alt="" />
														<span class="text">电动滑板车</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/wurenji80.jpg" alt="" />
														<span class="text">小米无人机</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/jly80.jpg" alt="" />
														<span class="text">米家行车记录仪</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/djj80.jpg" alt="" />
														<span class="text">小米米家对讲机</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/znyjdaohang.jpg" alt="" />
														<span class="text">全部智能硬件</span>
													</a>
												</li>
											</ul>
										</div>
									</li>
									<li class="category-item">
										<a href="" class="title">移动电源 电池 插线板
											<i class="iconfont">&#xe605;</i>
										</a>
										<div class="children children-col-2">
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/dianyuan280.jpg" alt="" />
														<span class="text">小米移动电源</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/c1xb343.jpg" alt="" />
														<span class="text">插线板</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/yidongdianyuan.jpg" alt="" />
														<span class="text">品牌移动电源</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/dianyuanfujian.jpg" alt="" />
														<span class="text">移动电源附件</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/chongdianqi-80.jpg" alt="" />
														<span class="text">充电器</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/5Battery1.jpg" alt="" />
														<span class="text">彩虹5号电池</span>
													</a>
												</li>
											</ul>
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/7Battery1.jpg" alt="" />
														<span class="text">彩虹7号电池</span>
													</a>
												</li>
											</ul>
									</li>
									<li class="category-item">
										<a href="" class="title">耳机 音箱
											<i class="iconfont">&#xe605;</i>
										</a>
										<div class="children children-col-4">
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/toudai80.jpg" alt="" />
														<span class="text">小米头戴式耳机</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/tdsqs80.jpg" alt="" />
														<span class="text">头戴式耳机轻松版</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xmjzej80.jpg" alt="" />
														<span class="text">小米降噪耳机</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/qtpro80.jpg" alt="" />
														<span class="text">小米圈铁耳机 Pro</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/quantie.jpg" alt="" />
														<span class="text">小米圈铁耳机</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/jiaonang80.jpg" alt="" />
														<span class="text">小米胶囊耳机</span>
													</a>
												</li>
											</ul>
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/huosai1.jpg" alt="" />
														<span class="text">小米活塞耳机清新版</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/bluetoothheadset.jpg" alt="" />
														<span class="text">小米蓝牙耳机</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/wxsb80.png" alt="" />
														<span class="text">小米无线鼠标</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/pinpai80.jpg" alt="" />
														<span class="text">品牌耳机</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/wlyx80.jpg" alt="" />
														<span class="text">小米网络音响</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/pocketaudio.png" alt="" />
														<span class="text">小米蓝牙音箱</span>
													</a>
												</li>
											</ul>
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/suishen-80.jpg" alt="" />
														<span class="text">小米随身蓝牙音箱</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xiaogangpao2-hei-80.jpg" alt="" />
														<span class="text">小钢炮音箱 2</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/fhzlyyx80.jpg" alt="" />
														<span class="text">小米方盒子蓝牙音箱2</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/fhz80.jpg" alt="" />
														<span class="text">小米方盒子蓝牙音箱</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/naozhong80.jpg" alt="" />
														<span class="text">小米音乐闹钟</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/mituyinx80.jpg" alt="" />
														<span class="text">小米米兔音箱</span>
													</a>
												</li>
											</ul>
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/chechong1.jpg" alt="" />
														<span class="text">音乐蓝牙车充</span>
													</a>
												</li>
											</ul>
										</div>
									</li>
									<li class="category-item">
										<a href="" class="title">保护套 贴膜
											<i class="iconfont">&#xe605;</i>
										</a>
										<div class="children children-col-1">
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/tiemo.jpg" alt="贴膜" />
														<span class="text">贴膜</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/baohu.jpg" alt="保护套" />
														<span class="text">保护套</span>
													</a>
												</li>
											</ul>
										</div>
									</li>
									<li class="category-item">
										<a href="" class="title">线材 支架 存储卡
											<i class="iconfont">&#xe605;</i>
										</a>
										<div class="children children-col-1">
											<ul class="children-list">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xiancai.jpg" alt="" />
														<span class="text">线材</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/zipaigan.jpg" alt="" />
														<span class="text">自拍杆</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/zhijia.jpg" alt="" />
														<span class="text">手机支架</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/cunchu.jpg" alt="" />
														<span class="text">储存卡</span>
													</a>
												</li>
											</ul>
										</div>
									</li>
									<li class="category-item">
										<a href="" class="title">箱包 服饰 鞋 眼镜
											<i class="iconfont">&#xe605;</i>
										</a>
										<div class="children children-col-1">
											<ul class="children-list">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xiangbao-80.jpg" alt="" />
														<span class="text">箱包</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/lvxingxiang.jpg" alt="" />
														<span class="text">90分旅行箱</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/huise2-80.jpg" alt="" />
														<span class="text">服饰</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/ydx80.jpg" alt="" />
														<span class="text">米家运动鞋 智能版</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/tyj80.jpg" alt="" />
														<span class="text">TS 尼龙偏光太阳镜</span>
													</a>
												</li>
											</ul>
										</div>
									</li>
									<li class="category-item">
										<a href="" class="title">米兔 生活周边
											<i class="iconfont">&#xe605;</i>
										</a>
										<div class="children children-col-1">
											<ul class="children-list">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/mitu-80.jpg" alt="" />
														<span class="text">米兔玩偶</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/zhoubian1.jpg" alt="" />
														<span class="text">生活周边</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/zazhi1021-80.jpg" alt="" />
														<span class="text">《小米》会刊</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/mj80.jpg" alt="" />
														<span class="text">毛巾/浴巾</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/rjcd80.jpg" alt="" />
														<span class="text">8H乳胶床品</span>
													</a>
												</li>
											</ul>
										</div>
									</li>
								</ul>
							</div>
						</li>
						<li class="nav-item">
							<a href="" class="link">小米手机</a>
						</li>
						<li class="nav-item"><a href="" class="link">红米</a></li>
						<li class="nav-item"><a href="" class="link">平板 · 笔记本</a></li>
						<li class="nav-item"><a href="" class="link">电视</a></li>
						<li class="nav-item"><a href="" class="link">盒子 · 影音</a></li>
						<li class="nav-item"><a href="" class="link">路由器</a></li>
						<li class="nav-item"><a href="" class="link">智能硬件</a></li>
						<li class="nav-item"><a href="" class="link">服务</a></li>
						<li class="nav-item"><a href="" class="link">社区</a></li>
					</ul>
				</div>
				<div class="header-search">
					<form class="search-form" action="" method="get">
						<input type="search" class="search-text" name="keyword" value="" />
						<input type="submit" class="search-btn iconfont" value="&#xe67c" />
					    <div class="search-hot-words">
					    	<a href="">红米Note 4X</a>
					    	<a href="">红米4X</a>
					    </div>
					</form>
				</div>
			</div>
			<!--导航栏弹出下拉-->
			<div class="header-nav-menu">
				<div class="container">
					<ul class="children-list clearfix">
						<li>
							<div class="figure figure-thumb"><a href=""><img src="img/index/children/xm6_320.png"/></a></div>
							<div class="title">小米6</div>
							<p class="price">2499元起</p>
							<div class="flags"><div class="flag">新品</div></div>
						</li>
						<li>
							<div class="figure figure-thumb"><a href=""><img src="img/index/children/xm6_320.png"/></a></div>
							<div class="title">小米6</div>
							<p class="price">2499元起</p>
							<div class="flags"><div class="flag">新品</div></div>
						</li>
						<li>
							<div class="figure figure-thumb"><a href=""><img src="img/index/children/xm6_320.png"/></a></div>
							<div class="title">小米6</div>
							<p class="price">2499元起</p>
							<div class="flags"><div class="flag">新品</div></div>
						</li>
						<li>
							<div class="figure figure-thumb"><a href=""><img src="img/index/children/xm6_320.png"/></a></div>
							<div class="title">小米6</div>
							<p class="price">2499元起</p>
							<div class="flags"><div class="flag">新品</div></div>
						</li>
						<li>
							<div class="figure figure-thumb"><a href=""><img src="img/index/children/xm6_320.png"/></a></div>
							<div class="title">小米6</div>
							<p class="price">2499元起</p>
							<div class="flags"><div class="flag">新品</div></div>
						</li>
						<li>
							<div class="figure figure-thumb"><a href=""><img src="img/index/children/xm6_320.png"/></a></div>
							<div class="title">小米6</div>
							<p class="price">2499元起</p>
							<div class="flags"><div class="flag">新品</div></div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--home导航栏E-->
		<!--显示当前位置-->
		<div class="breadcrumbs">
			<div class="container">
				<a href="index.html">首页</a>
				<span class="sep">></span>
				<span>个人中心</span>
			</div>
		</div>
		<!--中间主要内容-->
		<div class="page-main">
			<div class="container">
				<!--左边部分-->
				<div class="span4">
					<div class="uc-box">
						<div class="uc-nav-box">
							<div class="box-hd">
								<h3 class="title">订单中心</h3>
							</div>
							<div class="bd">
								<ul class="uc-nav-list">
									<li><a href="">我的订单</a></li>
									<li><a href="">意外保</a></li>
									<li><a href="">团购订单</a></li>
									<li><a href="">评价晒单</a></li>
									<li><a href="">话费充值订单</a></li>
									<li><a href="">以旧换新订单</a></li>
								</ul>
							</div>
						</div>
						<div class="uc-nav-box">
							<div class="box-hd">
								<h3 class="title">个人中心</h3>
							</div>
							<div class="bd-bd">
								<ul class="uc-nav-list">
									<li class="active"><a href="">我的个人中心</a></li>
									<li><a href="">消息通知</a></li>
									<li><a href="">购买资格</a></li>
									<li><a href="">现金账户</a></li>
									<li><a href="">小米礼品卡</a></li>
									<li><a href="">手机换新券</a></li>
									<li><a href="">喜欢的商品</a></li>
									<li><a href="">优惠券</a></li>
									<li><a href="">收货地址</a></li>
								</ul>
							</div>
						</div>
						<div class="uc-nav-box">
							<div class="box-hd">
								<h3 class="title">售后服务</h3>
							</div>
							<div class="bd">
								<ul class="uc-nav-list">
									<li><a href="">服务记录</a></li>
									<li><a href="">申请服务</a></li>
									<li><a href="">领取快递报销</a></li>
								</ul>
							</div>
						</div>
						<div class="uc-nav-box">
							<div class="box-hd">
								<h3 class="title">账户管理</h3>
							</div>
							<div class="bd">
								<ul class="uc-nav-list">
									<li><a href="">个人信息</a></li>
									<li><a href="">修改密码</a></li>
									<li><a href="">社区VIP认证</a></li>
								</ul>
							</div>
						</div>
					</div>			
				</div>
				<!--右边部分-->
				<div class="span16">
					<div class="uc-box uc-main-box">
						<div class="uc-content-box portal-content-box">
							<div class="box-bd">
								<!--个人信息部分-->
								<div class="portal-main clearfix">
									<div class="user-card">
										<h2 class="username">589147248</h2>
										<p class="tip">晚上好</p>
										<a class="link" href="">修改个人信息 </a>
										<img class="avator" src="img/personal/photo.jpg"/>
									</div>
									<!--用户信息-->
									<div class="user-actions">
										<ul class="action-list">
											<li>账户安全：<span class="level">普通</span></li>
											<li>绑定手机：<span class="tel">183********29</span></li>
											<li>绑定邮箱：<span class="tel"></span><a class="btn btn-small btn-primary" href="" target="_blank">绑定</a></li>
										</ul>
									</div>
								</div>
								<!--订单、商品部分-->
								<div class="portal-sub">
									<ul class="info-list clearfix">
										<li>
											<h3>待支付的订单：<span class="num">0</span></h3>
											<a href="">查看待支付订单<i class="iconfont">&#xe605;</i></a>
											<img src="img/personal/portal-icon-1.png"/>
										</li>
										<li>
											<h3>待收货的订单：<span class="num">0</span></h3>
											<a href="">查看待收货订单<i class="iconfont">&#xe605;</i></a>
											<img src="img/personal/portal-icon-2.png"/>
										</li>
										<li>
											<h3>待评价商品数：<span class="num">0</span></h3>
											<a href="">查看待评价商品<i class="iconfont">&#xe605;</i></a>
											<img src="img/personal/portal-icon-3.png"/>
										</li>
										<li>
											<h3>喜欢的商品：<span class="num">0</span></h3>
											<a href="">查看喜欢的商品<i class="iconfont">&#xe605;</i></a>
											<img src="img/personal/portal-icon-4.png"/>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>	
		<!--中间部分/E-->
		<footer>
			<div class="site-footer">
				<div class="container">
					<div class="footer-service">
						<ul class="clearfix">
							<li><a href=""><i class="iconfont">&#xe603;</i>预约维修服务</a></li>
							<li><a href=""><i class="iconfont">&#xe602;</i>7天无理由退货</a></li>
							<li><a href=""><i class="iconfont">&#xe638;</i>15天免费换货</a></li>
							<li><a href=""><i class="iconfont">&#xe600;</i>满150元包邮</a></li>
							<li><a href=""><i class="iconfont">&#xe601;</i>520余家售后网点</a></li>
						</ul>
					</div>
					<div class="footer-links clearfix">
						<dl class="col-links">
							<dt>帮助中心</dt>
							<dd><a href="">账户管理</a></dd>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">订单操作</a></dd>
						</dl>
						<dl class="col-links">
							<dt>帮助中心</dt>
							<dd><a href="">账户管理</a></dd>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">订单操作</a></dd>
						</dl>
						<dl class="col-links">
							<dt>帮助中心</dt>
							<dd><a href="">账户管理</a></dd>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">订单操作</a></dd>
						</dl>
						<dl class="col-links">
							<dt>帮助中心</dt>
							<dd><a href="">账户管理</a></dd>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">订单操作</a></dd>
						</dl>
						<dl class="col-links">
							<dt>帮助中心</dt>
							<dd><a href="">账户管理</a></dd>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">订单操作</a></dd>
						</dl>
						<dl class="col-links">
							<dt>帮助中心</dt>
							<dd><a href="">账户管理</a></dd>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">订单操作</a></dd>
						</dl>
						<div class="col-contact">
							<p class="phone">400-100-5678</p>
							<p><span>周一至周日 8:00-18:00</span>（仅收市话费）</p>
							<a class="btn btn-line-primary btn-small" href="">24小时在线客服</a>
						</div>
					</div>
				</div>
			</div>
			<div class="site-info">
				<div class="container">
					<div class="logo"></div>
					<div class="info-text">
						<p class="sites">
							<a href="index.html">小米商城</a><span class="sep">|</span>
							<a href="">MIUI</a><span class="sep">|</span>
							<a href="">米聊</a><span class="sep">|</span>
							<a href="">多看书城</a><span class="sep">|</span>
							<a href="">小米路由器</a><span class="sep">|</span>
							<a href="">视频电话</a><span class="sep">|</span>
							<a href="">小米天猫店</a><span class="sep">|</span>
							<a href="">小米淘宝直营店</a><span class="sep">|</span>
							<a href="">小米网盟</a><span class="sep">|</span>
							<a href="">小米移动</a><span class="sep">|</span>
							<a href="">隐私政策</a><span class="sep">|</span>
							<a href="">Select Region</a>
						</p>
						<p>&copy;
							<a href="">mi.com</a>京ICP证110507号
							<a href="">京ICP备10046444号</a>
							<a href="">京公网安备11010802020134号</a>
							<a href="">京网文[2014]0059-0009号</a>
							<br> 违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
						</p>
					</div>
					<div class="info-links">
						<a href=""><img src="img/truste.png" alt="隐私认证"/></a>
						<a href=""><img src="img/v-logo-1.png" alt="可信站点"/></a>
						<a href=""><img src="img/v-logo-2.png" alt="诚信网站"/></a>
						<a href=""><img src="img/v-logo-3.png" alt="网上交易"/></a>
					</div>
				</div>
				<div class="slogan ir">探索黑科技，小米为发烧而生</div>
			</div>
		</footer>
	</body>
	<script type="text/javascript" src="js/common.js" ></script>
</html>
